<template>
  <div>
    <!-- checkbox
        el-checkbox
           v-model:值的双向绑定
                    数组：数组中添加与删除对应项的值
                    非数组：boolean值
            label:选中该项后的值
            注意点：如果v-model的值为数组时，它每个选项都设置label
                   如果v-model的值为非数组时，设置label也无效

    -->
    <h3>{{ val }}</h3>
    <el-checkbox v-model="val" label="广东">广东省</el-checkbox>
    <el-checkbox v-model="val" label="广西">广西省</el-checkbox>
  </div>
</template>
<script>
export default {
  data() {
    return {
      val: true
    }
  }
}
</script>
<style></style>
